a img{border:none;}
ul,ol{list-style-type:none;}
.clear{height:0;clear:both;}
a{text-decoration:none;}
var,em{font-style:normal;font-weight:noraml;}

@media screen and (min-width:769px) {
body,p,div,ul,ol,li,dl,dt,dd,span,var,em,a,img,strong,table,td,tr,h2,h3,h4,h5,input{font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;font-size:40px;font-family:微软雅黑; color:#f0ecf3;}
.tit{ font-size:1.7em;}
.con a{ font-size:1.5em;}
.consj span{ font-size:1.3em;}
.textbox{ font-size:1.3em;}
.btn{ font-size:1.3em;}
.testbtn{ font-size:1.3em;}
.tcxx{ font-size:1.3em;}
}
@media screen and (min-width:480px) and (max-width:768px) {
body,p,div,ul,ol,li,dl,dt,dd,span,var,em,a,img,strong,table,td,tr,h2,h3,h4,h5,input{font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;font-size:32px;font-family:微软雅黑;color:#f0ecf3;}
.tit{ font-size:1.7em;}
.con a{ font-size:1.5em;}
.consj span{ font-size:1.3em;}
.textbox{ font-size:1.3em;}
.btn{ font-size:1.3em;}
.testbtn{ font-size:1.3em;}
.tcxx{ font-size:1.3em;}
}
@media screen and (min-width:320px) and (max-width:480px) {
body,p,div,ul,ol,li,dl,dt,dd,span,var,em,a,img,strong,table,td,tr,h2,h3,h4,h5,input{font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;font-size:16px;font-family:微软雅黑;color:#f0ecf3;}
.tit{ font-size:1.7em;}
.con a{ font-size:1.5em;}
.consj span{ font-size:1.3em;}
.textbox{ font-size:1.3em;}
.btn{ font-size:1.3em;}
.testbtn{ font-size:1.3em;}
.tcxx{ font-size:1.3em;}
}
@media screen and (min-width:240px) and (max-width:320px) {
body,p,div,ul,ol,li,dl,dt,dd,span,var,em,a,img,strong,table,td,tr,h2,h3,h4,h5,input{font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;font-size:12px;font-family:微软雅黑;color:#f0ecf3;}
.tit{ font-size:1.7em;}
.con a{ font-size:1.5em;}
.consj span{ font-size:1.3em;}
.textbox{ font-size:1.3em;}
.btn{ font-size:1.3em;}
.testbtn{ font-size:1.3em;}
.tcxx{ font-size:1.3em;}
}

body{ background:#077CE3; width:100%; height:100%;}

.con{ padding:5px;}
.tit{ background:#27A73F; width:100%; padding:2% 0; text-align:center;}
.con a{ background:-webkit-gradient(linear,0 0,0 100%,from(#FFCD00),color-stop(50%,#FFBC00),color-stop(50%,#FFA500)); border:1px solid #FFA700; display:block; -webkit-border-radius:8px; margin:10% 25%; text-align:center; padding:2%; color:#712000;}
.conbor{ margin:3%; width:90%; display:block;}
.consj{ margin:0 0 0 5%;}
.consj span{ width:85%; display:block; margin:4% 0 3% 0;}
.textbox{display:block; width:85%;color:#bebdbf; padding:1.5% 1%;}
.btn{ margin:3% 0; background:-webkit-gradient(linear,0 0,0 100%,from(#FFCD00),color-stop(50%,#FFBC00),color-stop(50%,#FFA500)); border:1px solid #FFA700; display:block; -webkit-border-radius:8px;text-align:center; padding:2%; color:#712000; display:block;}
.testbtn{ margin:3% 0; background:-webkit-gradient(linear,0 0,0 100%,from(#FFCD00),color-stop(50%,#FFBC00),color-stop(50%,#FFA500)); border:1px solid #FFA700; display:block; -webkit-border-radius:8px;text-align:center; padding:2%; color:#712000; display:block;}
.tcxx{ width:85%; color:#bebdbf; height:100px; border:1px dashed #C6C6C6;padding:1%;}
#payy{ width:85%; color:#bebdbf; height:200px; border:1px dashed #C6C6C6;padding:1%;}
.test{margin:3% 0; background:-webkit-gradient(linear,0 0,0 100%,from(#FFCD00),color-stop(50%,#FFBC00),color-stop(50%,#FFA500)); border:1px solid #FFA700; display:block; -webkit-border-radius:8px;text-align:center; padding:2%; color:#712000; display:block;}